<div class="left-column">
    <b>${activeEnvironment.status}</b>

    <span show.bind="activeEnvironment.status !== 'Running' && activeEnvironment.runDurationMilliseconds != null"
          title="The time it took to run the script (in milliseconds).
This includes the time it took to start the host process.">
        (Took: ${activeEnvironment.runDurationMilliseconds}ms)
    </span>
</div>
<div class="middle-column">
    <div class="active-app-status-message text-truncate-1-line"
         show.bind="appStatusMessage"
         contextmenu.trigger="dismissCurrentAppStatusMessage($event)"
         title="${appStatusMessage.persistant ? '' : 'Right click to dismiss'}">
        <i class="${appStatusMessage.priority === 'High' ? 'attention-icon text-red' : 'info-icon text-blue'} pe-2"></i>
        ${appStatusMessage.scriptName ? '[' + appStatusMessage.scriptName + ']:' : ''} ${appStatusMessage.text}
    </div>
</div>
<div class="right-column">
    <div repeat.for="item of workbench.statusbarService.items"
         class="statusbar-item ${item.click ? 'clickable' : ''}"
         click.trigger="item.click ? item.click() : false"
         tooltip.bind="item.hoverText">
        <i class="${item.icon}" if.bind="item.icon"></i>
        <span innerHTML.bind="item.text"></span>
    </div>

    <i class="quick-tips-icon action-icon"
       click.trigger="showQuickTipsDialog()"
       title="Quick Tips"></i>
    <i class="app-deps-check-icon action-icon"
       click.trigger="showAppDepsCheckDialog()"
       title="App Dependencies Check"></i>
    <i class="theme-icon action-icon"
       click.trigger="settingsService.toggleTheme()"
       title="Toggle Theme"></i>
    <i class="settings-icon action-icon"
       if.bind="settings.appearance.titlebar.type === 'Native' & oneTime"
       click.trigger="settingsService.openSettingsWindow()"
       title="${shortcutManager.getShortcutByName('Settings').toString()}"></i>
</div>
